import { useState } from 'react';
import Chat from './components/Chat';
import SessionSidebar from './components/SessionSidebar';
import './App.css';

function App() {
  const [activeSessionId, setActiveSessionId] = useState();
  const [userId] = useState('2000');

  return (
    <div className="app">
      <div className="layout">
        <SessionSidebar userId={userId} activeSessionId={activeSessionId} onSelect={setActiveSessionId} />
        <div className="main">
          <Chat activeSessionId={activeSessionId} userId={userId} />
        </div>
      </div>
    </div>
  );
}

export default App;
